html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0rem;
	padding: 0rem;
}

.wrapper {
	position: absolute;
	margin: 0rem;
	padding: 0rem;
	height: 100%;
	width: 100%;
	/* background-color: #171a2f; */
	background-image: url(../img/bg.png);
}


/* 头 */

.wrapper .head {
	height: 8vh;
	width: 100%;
	position: absolute;
}

.wrapper .head .head_title {
	position: absolute;
	/* background-color: #43475c; */
	height: 7vh;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	font-size: 5.5vh;
	font-family: 微软雅黑;
	text-align: center;
	color: #FFFFFF;
	border-radius: 20px 20px 0px 0px;
}

.wrapper .head .clock {
	position: absolute;
	height: 3vh;
	margin-top: 2vh;
	right: 2vw;
	font-size: 2.5vh;
	text-align: center;
	color: white;
}


/* 身体 */

.wrapper .mid {
	height: 84vh;
	width: 100vw;
	position: absolute;
	top: 8vh;
	margin: 0px;
	padding: 0px;
	display: flex;
}


/* 身体左侧边栏 */

.wrapper .mid .mid_left {
	position: relative;
	height: 100%;
	width: 20vw;
	padding: 0px;
	color: #FFFFFF;
}


/* 青岛工厂 */

.wrapper .mid .mid_left .qingdao {
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* 研发中心 */

.wrapper .mid .mid_left .yanfa {
	margin-top: 1vh;
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* 越南 */

.wrapper .mid .mid_left .yuenan {
	margin-top: 1vh;
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* 沈阳 */

.wrapper .mid .mid_left .shenyang {
	margin-top: 1vh;
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* 东营 */

.wrapper .mid .mid_left .dongying {
	margin-top: 1vh;
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* ACTR */

.wrapper .mid .mid_left .actr {
	margin-top: 1vh;
	height: 13vh;
	background-color: #43475c;
	border-radius: 6px;
	width: 19vw;
	margin-left: 0.5vw;
}


/* 身体中间 */

.wrapper .mid .mid_mid {
	position: relative;
	height: 84vh;
	width: 60vw;
}

.wrapper .mid .mid_mid .mid_tu {
	position: absolute;
	height: 40vh;
	width: 60vw;
	top: 1vh;
	/* background-color: green; */
}


/* 报警折线图 */

.wrapper .mid .mid_mid .mid_tu .main {
	position: absolute;
	height: 100%;
	width: 100%;
}


/* 当前报警信息 */

.wrapper .mid .mid_mid .mid_baojing {
	position: absolute;
	height: 41vh;
	width: 60vw;
	top: 42vh;
	background-color: #242840;
	border-radius: 20px 20px 0px 0px;
}

#titile_baojing {
	font-family: 微软雅黑;
	color: white;
	font-size: 2.5vh;
}

/* 表格 */
.wrapper .mid .mid_mid .mid_baojing .table_baojing {
	width: 60vw;
	font-family: 微软雅黑;
	color: #FFFFFF;
}

/* 身体右侧边栏 */

.wrapper .mid .mid_right {
	position: relative;
	height: 83vh;
	width: 19vw;
	left: 0.5vw;
	background-color: #242840;
}

.wrapper .mid .mid_right .table_tongji {
	width: 19vw;
	font-family: 微软雅黑;
	color: #FFFFFF;
}

/* 脚 */

.wrapper .foot {
	height: 8vh;
	width: 100vw;
	position: absolute;
	top: 92vh;
	
}
.wrapper .foot .logo{
	position: absolute;
	left: 50%;
	margin-left: -29vh;
	/* top: 93vh; */
	width: 58vh;
	height: 6vh;
}

.wrapper .foot .foot_word {
	font-size: 2vw;
}
